body {
}

header {
    margin-top: 0px;
	background-color: #eee;
}

#myModal .modal-header,#setupModal .modal-header {
    padding:1px;
}

#myModal .modal-header .close,#setupModal .modal-header .close {
    margin:15px;
}

#labs {
    margin-top:50px;
    padding-top:30px;
    background-color:#eee;
    min-height: 600px;
    //display:none;
}

#labs .labs-li {
    width:280px;
    height:160px;
    padding:10px 15px 10px 15px;
    display:flex;
}

#labs .labs-item {
    width:120px;
    height:120px;
    padding:5px;
    margin:auto;
    background-size:cover;
    background-repeat:no-repeat;
    // -webkit-background-origin:content-box; /* Safari */
    //background-origin:content-box;
    cursor:pointer;
    border-radius: 50%;
    border:2px solid #ffffff;
    box-shadow:5px 5px 5px #aaaaaa;
    -moz-box-shadow: 5px 5px 5px #aaaaaa;
    transition: all .1s;
    -moz-transition: all .1s;	/* Firefox 4 */
    -webkit-transition: all .1s;	/* Safari 和 Chrome */
    -o-transition: all .1s;
}

#labs .labs-item:hover {
    //margin-top:-5px;
    width:125px;
    height:125px;
    box-shadow:10px 10px 10px #aaaaaa;
    -moz-box-shadow: 10px 10px 10px #aaaaaa;
    border:2px solid #ffffff;
}

#lab {
    margin-top:50px;
    min-height:600px;
}

#lab header {
    background-image: -webkit-linear-gradient(top,#e7e7e7 0,#f8f8f8 100%);
    background-image: linear-gradient(to bottom,#e7e7e7 0,#f8f8f8 100%);
    background-repeat: repeat-x;
    border-bottom:1px solid #ff0000;
}

#lab #lab-nav li {
    margin:0 10 0 10;
    transition: border-bottom .2s;
    -moz-transition: border-bottom .2s;
    -webkit-transition: border-bottom .2s;
    cursor: pointer;
}

#lab #lab-nav li.active {
    border-bottom:4px solid #0000FF;
}

#lab #lab-nav li:hover{
    border-bottom:4px solid #0000FF;
}

#lab .icon {
    width:25px;
    height:25px;
}

#lab .lab-item {
    width:250px;
    height:50px;
    margin:10px 10px 10px 10px;
}

#lab .lab-item .image {
    height:50px;
    width:120px;
    background-size: cover;
    float:left;
}

#lab .lab-item span {
    padding-top:15px;
    padding-bottom:15px;
    margin-left:10px;
    float:left;
}

#lab .lab-content {
    margin-top:30px;
    min-height:500px;
}

#notice .send {
    float:right;
    margin-top:20px;
    width:100px
}

#document .panel-item {
    box-sizing:border-box;
    -moz-box-sizing:border-box;	/* Firefox */
    -webkit-box-sizing:border-box;	/* Safari */
    width:50%;
    float:left;
}

#document .document-commend {
    position: relative;
    float: right;
}

#document .document-commend .commend {
    width:100px;
    height:20px;
    margin:0 10 0 0;
    float:left;
}

#document .document-item {
    width:120px;
    margin:10 10 10 10;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    float:left;
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#document .document-item:hover {
    border: 1px solid #428bca;
    background-color: #eeeeee;
}

#document .document-item .head {
    height:25px;
    margin-bottom: 5px;
}

#document .document-item .file-commend {
    display: none;
    float: right;
}

#document .document-item .file-commend div {
    float:left;
}

#document .document-item .file-commend a {
    width:23px;
    height:23px;
    background-image: url("../image/file-commend.png");
    background-repeat: no-repeat;
    float:left;
}

#document .document-item .file-commend .download {
    background-position: 0 5px;
}

#document .document-item .file-commend .download:hover {
    background-position: -23px 5px;
}

#document .document-item .file-commend .more {
    background-position: 0px -42px;
}

#document .document-item .file-commend .more:hover {
    background-position: -23px -42px;
}

#document .document-item .file-commend .lion {
    min-width:100px;
    padding:0 0 0 0;
    text-align: center;
    border-radius: 4px;
}

#document .document-item .file-commend .lion > li {
    margin:0 0 0 0;
    border-bottom: 1px solid #dddddd;
}

#document .document-item .file-commend .lion > li:hover {
    background-color: #eeeeee;
}

#document .document-item .body {
    width:50px;
    height:50px;
    margin:auto;
}

#document .document-item .foot {
    text-align: center;
}

#document .document-item .folder {
    background-image: url('../image/folder.jpg');
    background-size: cover;
}

#document .document-item .file {
    background-image: url("../image/file.jpg");
    background-size: cover;
}

#share-equipment .equipment-item,#share-equipment .create {
    width: 250px;
    height: 150px;
    margin: 10px 30px 10px 30px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#share-equipment .equipment-item:hover {
    border: 1px solid #5bc0de;
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 10px 10px 5px #888888;
}

#share-equipment .equipment-item .body {
    width:200px;
    height:100px;
    margin: auto;
    background-size: cover;
}

#share-equipment .equipment-item .foot {
    text-align: center;
}

#share-equipment .create:hover {
    border: 1px solid #0000FF;
}

#share-equipment .create .new {
    width:14px;
    height:14px;
    margin:56px auto;
}

#share-equipment .calendar {
    width:600px;
    height:500px;
}

